.page-address-list {
  .top-of-list {
    height: 4.8rem;
    // width: 20rem;
    border-top: 0.267rem solid #eeeeee;
    border-bottom: 0.267rem solid #eeeeee;
    margin-bottom: 0.533rem;
    .have-default-address {
      display: flex;
      padding: 0.96rem 0.64rem;
      background-color: #fff;
      .default-address-image {
        margin: 0.533rem 0.533rem 0.533rem 0;
        width: 1.6rem;
        height: 1.6rem;
      }
      .default-address-font {
        height: 2.88rem;
        .customer-name {
          line-height: 0.8rem;
          font-size: 0.8rem;
          color: #333333;
        }
        .customer-phone {
          margin-left: 0.4267rem;
          margin-top: 0.1067rem;
          line-height: 0.693rem;
          font-size: 0.693rem;
          color: #999999;
        }
        .customer-address {
          margin-top: 0.133rem;
          line-height: 0.8rem;
          color: #666666;
          font-size: 0.8rem;
        }
      }
    }
    .save-new-address {
      background-color: #fff;
      display: flex;
      justify-content: center;
      align-content: center;
      line-height: 4.8rem;
      height: 4.8rem;
      .save-new-address-img {
        margin-top: 1.813rem;
        width: 1.173rem;
        height: 1.173rem;
      }
      .save-new-address-font {
        font-size: 0.8rem;
        margin-left: 0.267rem;
        color: #666666;
      }
    }
  }
  .address-list {
    background-color: #fff;
    width: 20rem;
    .address-item {
      display: flex;
      padding: 0.267rem 0.64rem;
      border-top: 0.0267rem solid #eeeeee;
      .address-item-image {
        margin: 0.533rem 0.533rem 0.533rem 0;
        width: 1.6rem;
        height: 1.6rem;
      }
      .address-item-font {
        height: 2.88rem;
        width: 13.33rem;
        margin-right: 0.8rem;
        .customer-name {
          line-height: 0.8rem;
          font-size: 0.8rem;
          color: #333333;
        }
        .customer-phone {
          margin-left: 0.4267rem;
          margin-top: 0.1067rem;
          line-height: 0.693rem;
          font-size: 0.693rem;
          color: #999999;
        }
        .customer-address {
          margin-top: 0.133rem;
          line-height: 0.8rem;
          color: #666666;
          font-size: 0.8rem;
        }
        .tip-default {
          color: #fd7418;
          font-size: 0.693rem;
          background-color: #fff1e7;
          height: 0.693rem;
          width: 1.813rem;
          padding: 0 0.213rem;
          text-align: center;
          margin-top: 0.1067rem;
          margin-left: 0.4267rem;
        }
      }
      .address-item-edit {
        margin-top: 0.533rem;
        border-left: 0.0267rem solid #dddddd;
        height: 1.867rem;
        line-height: 1.867rem;
        padding-left: 0.8rem;
        font-size: 0.693rem;
        color: #999999;
      }
    }
  }
  .add-address-image {
    position: fixed;
    bottom: 1.067rem;
    right: 0.64rem;
    width: 2.133rem;
    height: 2.133rem;
  }
}

.new-address-page {
  .new-address-item {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 0 0.32rem;
    line-height: 2.667rem;
    // height: 2.667rem;
    border-top: 1px solid #eeeeee;
    span {
      color: #333333;
      font-size: 0.8rem;
      width: 5.33rem;
    }
    input {
      width: 14.33rem;
      text-align: right;
      line-height: 2.7rem;
      // height: 2.667rem;
      font-size: 0.8rem;
      color: #333333;
      border:none;
      outline: none;
    }
    textarea {
      margin-top: 0.8rem;
      width: 14.67rem;
      text-align: left;
      line-height: 0.9rem;
      height: 3.067rem;
      font-size: 0.8rem;
      color: #333333;
      border:none;
      outline: none;
    }
    .default-image {
      // width: 3.2rem;
      height: 2.6rem;
      // margin-left: 10.667rem;
    }
  }
  .picker-address {
    justify-content: space-between;

    .default-address {
      color: #888;
    }
  }
  .save-address {
    position: fixed;
    // right: 0.64rem;
    // margin-left:5%;
    bottom: 4.067rem;
    width: 96%;
    // width: 18.72rem;
    // height: 2.13rem;
    line-height: 2.13rem;
    text-align: center;
    font-size: 0.8rem;
    border-radius: 1.067rem;
    background-color: #fd7418;
    color: #fff;
  }
}
